<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加新闻</title>
    <script src="./js/vue.min.js"></script>
    <script src="./js/vue-resource.js"></script>
    <link rel="stylesheet" href="./editor.md-master/css/editormd.min.css" />
    <link rel="stylesheet" type="text/css" href="./css/addnews.css"/>



</head>
<body >

<div id="form">
    <a class="title">文章标题:</a>
    <input class="input" type="text" placeholder="文章标题" v-model="title"><br><br>

    <a class="title">文章种类:</a>
    <select v-model="type" >
        <option v-for="option in options" v-bind:value="option.value">
            {{option.text}}
        </option>
    </select>
    <br>
    <br>

    <a class="title">内&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;容:</a><br><br>

    <div id="test-editormd">
        <textarea style="display:none;" id="ts" v-model="content"></textarea>
    </div>
    <br>
    <button class="but" type="submit" @click="addnews()">发表文章</button>
    </form>
    <br>
    <div id="error"></div>
    <br><br><br><br><br><br>
    <br><br><br><br><br><br>

</div>



<script src="./js/addnews/addnews.js"></script>
<script src="./editor.md-master/examples/js/jquery.min.js"></script>
<script src="./editor.md-master/editormd.js"></script>
<script type="text/javascript">
    var testEditor;
    $(function() {
        testEditor = editormd("test-editormd", {
            width   : "90%",
            height  : 640,
            syncScrolling : "single",
            path    : "./editor.md-master/lib/"
        });
    });
</script>
</body>
</html>